﻿<%@ Page Title="" Language="C#" AutoEventWireup="true" MasterPageFile="~/MasterPages/UserMaster.Master" CodeBehind="Make_Appointment.aspx.cs" Inherits="Abs.App.Booking.Make_Appointment" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <title>T&T ABS: Make An Appointment</title>
    <link href="../Content/themes/base/jquery.ui.all.css" rel = "Stylesheet" type ="text/css"/>
    <script src="../Scripts/modernizr-1.7.min.js" type = "text/javascript"></script>
    <script src="../Scripts/jquery-1.5.1.min.js" type = "text/javascript"></script>
    <script src="../Scripts/jquery-ui-1.8.11.js" type = "text/javascript"></script>
    <script src="../Scripts/jquery-ui-1.8.11.min.js" type = "text/javascript"></script>
    <script type = "text/javascript">

        $(function () {
            $("#datepicker").datepicker({ dateFormat: 'yy/mm/dd' });
        });
	</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <h2>Make An Appointment</h2>
    <p>&nbsp;</p>
    <p>
        <asp:Wizard ID="Wizard1" runat="server" ActiveStepIndex="0" BackColor="#E6E2D8" 
            BorderColor="#999999" BorderStyle="Solid" BorderWidth="1px" CellPadding="10" 
            Font-Names="Verdana" Font-Size="Small" 
            onfinishbuttonclick="Wizard1_FinishButtonClick" Width="917px">
            <HeaderStyle BackColor="#666666" BorderColor="#E6E2D8" BorderStyle="Solid" 
                BorderWidth="2px" Font-Bold="True" Font-Size="0.9em" ForeColor="White" 
                HorizontalAlign="Center" />
            <NavigationButtonStyle BackColor="White" BorderColor="#C5BBAF" 
                BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana" Font-Size="0.8em" 
                ForeColor="#1C5E55" />
            <SideBarButtonStyle ForeColor="White" />
            <SideBarStyle BackColor="#1C5E55" Font-Size="0.9em" VerticalAlign="Top" />
            <StepStyle BackColor="#F7F6F3" BorderColor="#E6E2D8" BorderStyle="Solid" 
                BorderWidth="2px" />
            <WizardSteps>
                <asp:WizardStep runat="server" title="Introduction" >
                    Welcome to Conference Room Selection Wizard. This wizard will guide you through 
                    the process of making
                    <br />
                    an appointment. Click &quot;Next&quot; to resume
                </asp:WizardStep>
                <asp:WizardStep runat="server" title="Select Conference Room">
                    Select which conference room you are interested to make an appointment:<br />
                    <asp:DropDownList ID="Drop_List_Room" runat="server">
                    </asp:DropDownList>
                </asp:WizardStep>
                <asp:WizardStep runat="server" Title="Select Date">
                    Select the day you wish to make your booking on:
                    <asp:TextBox id="datepicker" runat="server" ClientIDMode ="Static" 
                        OnTextChanged="datepicker_TextChanged"/>
                    <br />
                    <br />
                </asp:WizardStep>
                <asp:WizardStep runat="server" Title="Select Time">
                    Please select the time you wish to start the appointment at:<br />
                    <asp:DropDownList ID="Drop_List_Time" runat="server">
                        <asp:ListItem>07:00:00</asp:ListItem>
                        <asp:ListItem>08:00:00</asp:ListItem>
                        <asp:ListItem>09:00:00</asp:ListItem>
                        <asp:ListItem>10:00:00</asp:ListItem>
                        <asp:ListItem>11:00:00</asp:ListItem>
                        <asp:ListItem>12:00:00</asp:ListItem>
                        <asp:ListItem>13:00:00</asp:ListItem>
                        <asp:ListItem>14:00:00</asp:ListItem>
                        <asp:ListItem>15:00:00</asp:ListItem>
                        <asp:ListItem>16:00:00</asp:ListItem>
                        <asp:ListItem>17:00:00</asp:ListItem>
                        <asp:ListItem>18:00:00</asp:ListItem>
                        <asp:ListItem>19:00:00</asp:ListItem>
                        <asp:ListItem>20:00:00</asp:ListItem>
                    </asp:DropDownList>
                    <br />
                    <br />
                    Please select the time you wish to end the appointment at:<br />
                    <asp:DropDownList ID="Drop_List_Etime" runat="server">                      
                        <asp:ListItem>08:00:00</asp:ListItem>
                        <asp:ListItem>09:00:00</asp:ListItem>
                        <asp:ListItem>10:00:00</asp:ListItem>
                        <asp:ListItem>11:00:00</asp:ListItem>
                        <asp:ListItem>12:00:00</asp:ListItem>
                        <asp:ListItem>13:00:00</asp:ListItem>
                        <asp:ListItem>14:00:00</asp:ListItem>
                        <asp:ListItem>15:00:00</asp:ListItem>
                        <asp:ListItem>16:00:00</asp:ListItem>
                        <asp:ListItem>17:00:00</asp:ListItem>
                        <asp:ListItem>18:00:00</asp:ListItem>
                        <asp:ListItem>19:00:00</asp:ListItem>
                        <asp:ListItem>20:00:00</asp:ListItem>
                        <asp:ListItem>21:00:00</asp:ListItem>
                    </asp:DropDownList>
                </asp:WizardStep>
                <asp:WizardStep runat="server" Title="Comments">
                    Enter any additional comments:<br />
                    <asp:TextBox ID="Text_Comments" runat="server" Height="188px" 
                        TextMode="MultiLine" Width="534px"></asp:TextBox>
                </asp:WizardStep>
                <asp:WizardStep runat="server" Title="Review Your Request" OnActivate = "Review_Entry">
                    Conference Room:
                    <asp:TextBox ID="Text_CRoom" runat="server" ReadOnly="True" Width="464px"></asp:TextBox>
                    <br />
                    <br />
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Date:
                    <asp:TextBox ID="Text_CDate" runat="server" ReadOnly="True" Width="95px"></asp:TextBox>
                    <asp:Label ID="Label1" runat="server" ForeColor="Red" 
                        Text="Please go back and select a date!"></asp:Label>
                    <br />
                    <br />
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Start Time:
                    <asp:TextBox ID="Text_CTime" runat="server" ReadOnly="True" Width="96px"></asp:TextBox>
                    <br />
                    <br />
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; End Time:
                    <asp:TextBox ID="Text_CETime" runat="server" ReadOnly="True" Width="96px"></asp:TextBox>
                    <asp:Label ID="Label2" runat="server" ForeColor="Red" 
                        Text="Start Time cannot be later than End Time!"></asp:Label>
                    <br />
                    <br />
                    <br />
                    Comments:
                    <br />
                    <asp:TextBox ID="Text_Ccomments" runat="server" Height="172px" ReadOnly="True"
                        TextMode="MultiLine" Width="588px"></asp:TextBox>
                    <br />
                    <br />
                    Is this correct? Click Finish to make an Appointment.
                </asp:WizardStep>
            </WizardSteps>
        </asp:Wizard>
    </p>
    <p>&nbsp;</p>
    <p>
&nbsp;&nbsp;&nbsp;&nbsp;
        </p>
</asp:Content>
